<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
		<!-- 1. 引入重置样式表 -->
		<link rel="stylesheet" href="../css/reset.css" />
		<!-- 2. 引入常态化样式表 -->
		<link rel="stylesheet" href="../css/normalize.css" />
		<!-- 3. 引入公共样式 -->
		<link rel="stylesheet" href="../css/common.css" />
		<!-- 4. 引入当前页面样式 -->
		<link rel="stylesheet" href="../css/register.css" />
	</head>
	<body>
		<!-- 头部 -->
		<header>
			<div id="header">
				<div class="container flex-c-sb">
					<img src="../imgs/api-new-logo-white.png" alt="" />
					<p>已有源码账号, <a href="../html/login.html">立即登录</a></p>
				</div>
			</div>
		</header>
		<!-- 主体 -->
		<main>
			<section class="container flex-c-c">
				<div id="register" class="flex-c-c">
					<form action="index.html" method="post">
						<h1>欢迎注册</h1>
						<h2>百款接口免费试用</h2>
						<button type="button">
							<img src="../imgs/reg-gift.png" alt="" /> 注册即送300元大礼包
						</button>
						<input
							type="text"
							placeholder="用户名(6~20位字母数字)"
							id="userName"
						/>
						<!-- <span></span> -->
						<input type="text" placeholder="请输入手机号码" id="phone" />
						<div id="getCode" class="rel">
							<input type="text" placeholder="请输入手机短信验证码" class="verify" />
							<button class="abs" type="button" id="verify">获取验证码</button>
						</div>
						<input
							type="password"
							placeholder="请输入6~12位的密码"
							id="passWord"
						/>
						<div id="agreement">
							<input type="checkbox" id="checkBox" />
							<p>
								我已阅读并接受 <span>《源码用户服务协议》《源码隐私政策》</span>
							</p>
						</div>
						<input type="submit" value="立即注册" />
					</form>
				</div>
			</section>
		</main>

		<!-- 1.引入until -->
		<script src="../js/util.js"></script>
		<!-- 2. 引入当前页JS -->
		<script src="../js/register.js"></script>
	</body>
</html>
